<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台管理模板</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../css/global.css" media="all">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="../../datatables/media/css/jquery.dataTables.css">
		<link rel="stylesheet" href="../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
	</head>
	<body>
		<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1aa094;">
			<!--头部导航-->
			<div class="layui-header header header-demo" ></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side">
			</div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;padding:20px" id="admin-body">
				<div><div class="title">快递员账号管理</div><button class="layui-btn layui-btn-small" style="float: right;margin:0 10px 10px 0">实时位置</button><button class="layui-btn layui-btn-small" style="float: right;margin:0 10px 10px 0">账号列表</button></div>
				<hr />
				<div class="select">
					<select name="expreselect" lay-verify="">
						<option value="1">按编号↑</option>
						<option value="2">按总接单数↑</option>
						<option value="3">按总接单数↓</option>
						<option value="4">按创建时间↑</option>
						<option value="5">按创建时间↓</option>
						<option value="2">按评分↑</option>
						<option value="2">按评分↓</option>
					</select>
					<div class="layui-btn layui-btn-danger  layui-btn-small selectbtn">批量关闭</div>
				</div>
				<div class="layui-form">
					<table class="layui-table" id="expressTable">
						<thead>
							<tr>
								<th><input type="checkbox" name="" id="checkall" onchange="checkAll(this,'#expressTable')"></th>
								<th>头像</th>
								<th>手机号</th>
								<th>用户名</th>
								<th>总接单数</th>
								<th>日均接单</th>
								<th>评分</th>
								<th>创建时间</th>
								<th>状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" name="" id="" ></td>
								<td><img src="../../images/0.jpg"></td>
								<td>15967170412</td>
								<td>lzy</td>
								<td>12</td>
								<td>1</td>
								<td>5</td>
								<td>2017-6-30</td>
								<td>使用中</td>
								<td><div class="layui-btn layui-btn-danger  layui-btn-small">冻结账号</div><div class="layui-btn  layui-btn-small">详情</div></td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" ></td>
								<td><img src="../../images/1.jpg"></td>
								<td>15967179986</td>
								<td>lzy</td>
								<td>12</td>
								<td>1</td>
								<td>5</td>
								<td>2017-6-30</td>
								<td>使用中</td>
								<td><div class="layui-btn layui-btn-danger  layui-btn-small">冻结账号</div><div class="layui-btn  layui-btn-small">详情</div></td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" ></td>
								<td><img src="../../images/xiaosong.jpg"></td>
								<td>15967170412</td>
								<td>lzy</td>
								<td>12</td>
								<td>1</td>
								<td>5</td>
								<td>2017-7-1</td>
								<td>使用中</td>
								<td><div class="layui-btn layui-btn-danger  layui-btn-small">冻结账号</div><div class="layui-btn  layui-btn-small">详情</div></td>
							</tr>
						</tbody>
					</table>
					
				</div>
			</div>
			<!--底部导航-->
			<div class="layui-footer footer footer-demo" id="admin-footer"></div>
			<!--JS模块-->
			<script type="text/javascript" src="../../layui/layui.js"></script>
			<script src="../../js/jquery-1.12.3.min.js"></script>
			<script src="../../js/index.js"></script>
			<!-- DataTables JavaScript -->
			<script src="../../datatables/media/js/jquery.dataTables.min.js"></script>
			<script>
			$(function(){
			$("#express").addClass('layui-this');//对应订单管理的背景色
			$('#expressTable').DataTable({
			responsive: true,
			ordering: false,
			searching: true,
			"bLengthChange": false,
			"bRetrieve": true,
			"bFilter": true//过滤功能
			});
			for (var i = 0; i < 12; i++) {
			$('#expressTable').dataTable().fnAddData(['<input type="checkbox" name=""  >','<img src="../../images/6.jpg">', '15967170412', 'lzy','12', '1','5','2017-7-1','sss','<div class="layui-btn layui-btn-danger  layui-btn-small">冻结账号</div><div class="layui-btn  layui-btn-small">详情</div>'] );
			}
			// $('#expressTable').dataTable().fnClearTable();//清除表格内
			})
			
			</script>
			
		</div>
	</body>
</html>